<template>
    <div class="tabs mt-3">
        <div>
            <!--            第一组-->
            <a v-if="!tabs[0].current ||tabs[0].name == $route.name">
                <router-link
                    v-if="tabs[0].name==$route.name"
                    :to="{ name: tabs[0].name, params: tabs[0].params || {}, query: $route.query }"
                    class="tab   tab-lifted tab-active"
                >
                    {{ tabs[0].title }}
                </router-link>

                <router-link
                    v-else
                    :to="{ name: tabs[0].name, params: tabs[0].params || {}, query: $route.query }"
                    class="tab  tab-lifted"
                >
                    {{ tabs[0].title }}
                </router-link>
            </a>

            <!--第二组-->
            <a v-if="!tabs[1].current ||tabs[1].name == $route.name">

                <router-link
                    v-if="tabs[1].name==$route.name"
                    :to="{ name: tabs[1].name, params: tabs[1].params || {}, query: $route.query }"
                    class="tab  tab-lifted tab-active"
                >
                    {{ tabs[1].title }}
                </router-link>

                <router-link
                    v-else
                    :to="{ name: tabs[1].name, params: tabs[1].params || {}, query: $route.query }"
                    class="tab  tab-lifted"
                >
                    {{ tabs[1].title }}
                </router-link>
            </a>
            <!--第三组-->
            <a v-if="!tabs[2].current ||tabs[2].name == $route.name">

                <router-link
                    v-if="tabs[2].name==$route.name"
                    :to="{ name: tabs[2].name, params: tabs[2].params || {}, query: $route.query }"
                    class="tab  tab-lifted tab-active"
                >
                    {{ tabs[2].title }}
                </router-link>

                <router-link
                    v-else
                    :to="{ name: tabs[2].name, params: tabs[2].params || {}, query: $route.query }"
                    class="tab  tab-lifted"
                >
                    {{ tabs[2].title }}
                </router-link>
            </a>
        </div>

    </div>
</template>

<script>
export default {
    props: ['tabs'],
    data() {
        return {
            judge: false,
        }
    },

}
</script>

<style lang="scss" scoped>
</style>
